<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" href="{{__PUBLIC__}}/Home/css/cart.css">
		<script src="./Public/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
		<!--<script src="./Public/Home/js/cart.js" type="text/javascript" charset="utf-8"></script>-->
	</head>
	<body>
		<!--处理单选框-->
		<script type="text/javascript">
			$(function(){
				//定义状态
				var t=1;//表示所有单选框都被选中，2表示都不被选中
				//单击input事件
				$(".tu1").click(function(){
					//如果T=1让所有input选中如果等于2取消所有
					if(t==1)
					{
						t=2;
						$('.tu1').attr('checked','checked');
						$('.tu1_2').attr('checked','checked');
						$('.right_3_r_r').css('background','#FF6699');
						$('.go_charge').css('background','#FF6699');
					}else{
						t=1;
						$('.tu1').removeAttr('checked','checked');
						$('.tu1_2').removeAttr('checked','checked');
						$('.right_3_r_r').css('background','#d2d2d2');
						$('.go_charge').css('background','#d2d2d2');
					}
										
				});
				/*//加
					$(".number_3").click(function(){
						//数量
						var c = $(this).prev('.number_2').val();
						//数量累加
						c = parseInt(c) + 1;
						//alert(c);
						$(this).prev('.number_2').val(c);
						//添加到购物车时自动生成的id
						var id = $(this).siblings(".sid").val();
						//单价
						var danjia = $(this).parents('.wen_2_three').siblings('.wen_2_two').find('.danjia').html();
						//小计
						var xiaoji = $(this).parents('.wen_2_three').siblings('.wen_2_four').find('.xiaoji').html(c*parseInt(danjia));
				});
				//减
				$(".number_1").click(function(){
					//数量
					var c = $(this).next('.number_2').val();
					//数量累减
					c = c <= 1 ? 2 : c;
					c = parseInt(c) - 1;
					
					$(this).next('.number_2').val(c);
					//添加到购物车时自动生成的id
					var id = $(this).siblings(".sid").val();
					//单价
					var danjia = $(this).parents('.wen_2_three').siblings('.wen_2_two').find('.danjia').html();
					//小计
					var xiaoji = $(this).parents('.wen_2_three').siblings('.wen_2_four').find('.xiaoji').html(c*parseInt(danjia));
				});				*/
			})
		</script>
		<!--处理单选框结束-->
		<!-- 顶部 -->
		<!-- 头部 -->
<!--头部部分-->
		<div class="topbar" style="min-height: 31px;">
			<div class="inner">
				<ul>
					<li class="drop" style=" position: relative;height: 30px ;width:116px;">
						<a class="nick" href=""><img src="{{__PUBLIC__}}/Home/image/face.jpg" alt="" class="face" />子钦加油<em class="arrow"></em></a>
						<ul class="down account" >
							<li><a href="">我的杂志</a></li>
							<li><a href="">我的分享</a></li>
							<li><a href="">账号与安全</a></li>
							<li><a href="{{U('Home/Login/out')}}">退出</a></li>
						</ul>
					</li>
					<li class="drop" style="position: relative;height: 30px ;width:68px;">
						<a href="">消息<em class="arrow"></em></a>
						<ul class="down msg" >
							<li><a href="">查看关注</a></li>
							<li><a href="">查看@我的</a></li>
							<li><a href="">查看私信</a></li>
							<li><a href="">查看系统消息</a></li>
							<li><a href="">查看喜欢我的</a></li>
							<li><a href="">查看回复我的</a></li>
							
						</ul>
					</li>
					<li><a href=""><em class="like"></em>我的喜欢</a></li>
			
					<li><a href=""><em class="cart"></em>我的购物车<span class="cart_num"><?php if(isset($_SESSION['cart'])){?>{{$_SESSION['cart']['total_rows']}} <?php }else{?>0<?php };?></span></a></li>
					<li><a href=""><em class="order"></em>我的订单</a></li>
					<li><a href=""><em class="imember"></em>美丽说会员</a></li>
					<li class="App" style="position: relative;height: 30px ;width:110px;">
						<a href="javascript:;" >
							<em class="mob"></em>
							下载App
							<em class="arrow"></em>
						</a>
						<ul class="down_app" >
							<li class="down_app_">
								<img src="{{__PUBLIC__}}/Home/image/erweima.png"/>
								<div class="client">美丽说客户端</div>
								<div style="text-align: left;">发现流行，只做正确流行款</div>		
							</li>
						</ul>
					</li>
					<li><a href="" style="border: none;">帮助中心</a></li>
				</ul>
			</div>
		</div>	
		<!--头部部分结束-->
		<!-- header start -->
		<div class="flow_header">
			<div class="logo_wrap">
				<a class="logo_new confirm_cat_logo" href=""></a>
			</div>
			<div class="status">
				<div class="component-milestone cat-milestone">
					<div class="steps-3">
						<div class="step first passed">
							<div class="step-icon">1</div>
							<div class="step-line"></div>
							<div class="step-label">
								<p class="label-content label-text">
									我的购物车
								</p>
							</div>
						</div>
						<div class="step">
							<div class="step-icon">2</div>
							<div class="step-line"></div>
							<div class="step-label">
								<p class="label-content label-text">
									填写核对订单信息
								</p>
							</div>
						</div>
						<div class="step last">
							<div class="step-icon">3</div>
							<div class="step-line"></div>
							<div class="step-label">
								<p class="label-content label-text">
									付款，完成购买
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- header end -->
		<!--判断购物车是否为空-->
	<?php if(!isset($_SESSION['cart'])){;?>
		<div style="width: 1200px;height: auto;background: #fff;margin: 0 auto;text-align: center;padding-top: 50px;">
			<h1>您的购物车还是空的呢，赶快去挑选商品吧！</h1>
			<ul style="text-align: center;padding-top: 10px;width: 450px;margin: 0 auto;">
				<li style="text-align: left;padding-top: 10px;">去看看大家喜欢的<a href="" style="color: #f69;text-decoration: underline;">最热</a></li>
				<li style="text-align: left;padding-top: 10px;">去看看正在折扣中的优品<a href="" style="color: #f69;text-decoration: underline;">团购</a></li>
			</ul>
		</div>
	<?php }else{;?>
	
		<!-- next start -->
		<div class="status-top">
			<span class="tag-item">
				全部商品
				<span id="China_count ">(<span class="cart_num" ><?php if(isset($_SESSION['cart'])){?>  {{$_SESSION['cart']['total_rows']}} <?php }else{;?> 0 <?php };?></span>)</span>
			</span>
			<span class="right">
				已选
				<span class="check-goods-num cart_num"><?php if(isset($_SESSION['cart'])){?> {{$_SESSION['cart']['total_rows']}} <?php }else{;?> 0 <?php };?></span>
				件商品，合计(不含运费和优惠扣减):
				<span class="red">
					￥
					<span class="total_price"><?php if(isset($_SESSION['cart'])){?> {{$_SESSION['cart']['total']}} <?php }else{;?> 0.00 <?php };?></span>
				</span>
				<a class="go_charge jiesuan" href="javascript:;">结算</a>
			</span>
		</div>
		<!-- next end -->
		<!-- main start -->
		<div class="container" style="width: 1200px;">
			<div class="tr1">
				<div class="box">
					<input type="checkbox" name="" id="" class="tu1" value="" />
					<!--<div class="tu1"></div>-->					
				</div>
				<div class="wen1">
						<div class="one">
							<span>
								<a href="">
								全选
								</a>
							</span>
							<span style="margin-left:92px;">商品详情</span>
						</div>
						<div class="two">
							<span>单价（元）</span>
						</div>
						<div class="three">
							<span>数量</span>
						</div>
						<div class="four">
							<span>小计（元）</span>
						</div>
						<div class="five">
							<span>操作</span>
						</div>
				</div>
			</div>
			<div style="width:978px;height:20px;margin:0 auto;"></div>
			<div class="tr2">
				<div class="box">
					<input type="checkbox" name="" id="" class="tu1" value="" />
					<!--<div class="tu1" style="float:left"></div>-->			
				</div>
				<div class="two_1">
					<span>商家:</span>
					<span>红海湾泳衣</span>
				</div>
				<div class="img_1"></div>
				<div class="right_quan">
					<span style="color:#f69;line-height:20px;margin-left:5px;">领优惠券</span>
					<em class="coupon_arrow"></em>
				</div>
			</div>
		
			{{foreach from="$data" key="$k" value="$v"}}
			<div class="tr3" >
				<div class="box_2">	
					<input type="checkbox" name="" id="" class="tu1_2" value="" sid="{{$k}}" style="margin-left: 18px;"/>			
					<!--<div class="tu1_2"></div>-->
				</div>
				<div class="wen2" style="float: right;">
					<div class="img_2">
						<a href="">
							<img style="width:100%;height:100%;" src="<?php echo $v['options']['pic']?>" alt="">
						</a>
					</div>
					<div class="wen_2_one">
						<a class="xiaoxiong" href=""><?php echo $v['name']?></a>
						<div class="box_box">
							<span>颜色：<?php echo $v['options']['color'];?></span>
							<span>尺码：<?php echo $v['options']['size'];?></span>
						</div>						
					</div>
					<div class="wen_2_two">
						<span style="text-decoration: line-through;"><?php echo $v['options']['marketprice']?></span>
						<span class="danjia"><?php echo $v['price']?></span>
					</div>
					<div class="wen_2_three">
						<div class="number">
							<!--数量加减开始-->
							<span class="number_1"></span>
							<input class="number_2" data-ori="1" data-max="246" value="<?php echo $v['num']?>" type="text">
							<span class="number_3" style="border-left:none;border-right:1px solid #e5e5e5;"></span>
							<!--这个隐藏域用于购物车页数量改变时获得唯一 sid（添加购物车时自动生成 ），在控制器里的ajaxUpdateCart方法用到-->
							<input type="hidden" name="" class="sid" value="{{$k}}" />
							<!--数量加减结束-->
						</div>
					</div>
					
					<div class="wen_2_four">
						<span class="xiaoji" id="abc"><?php echo $v['total']?></span>
					</div>
					<div class="wen_2_five">
						<a href="javascript:;"  class="del">删除</a>
						
					</div>
				</div>			
			</div>
			{{endforeach}}
				<!--异步删除单条商品数据-->
					<script type="text/javascript">
						$(function(){
							//单价事件
							$(".del").click(function(){
								if(confirm('确定删除吗？'))
								//抓隐藏域sid
								var id = $(this).parents('.wen_2_five').siblings('.wen_2_three').find('.sid').val();
								var _this=$(this);
								//ajax请求
								$.ajax({
									type:"post",
									url:"{{U('Home/Cart/ajaxDel')}}",
									data:{id:id},
									dataType:'json',
									success:function(phpData){
//										alert(phpData);
										if(phpData==1){
											//移出tr3这条内容
											_this.parents(".tr3").remove();
											
										}
									}
								});
							})
						})
					</script>
					<!--异步删除多条数据-->
					<script type="text/javascript">
						$(function(){
							//单价事件
							$(".allDel a").click(function(){
								if($('.tu1_2:checked').length==0){
									alert("请选择要删除的商品");
								}else{									
									//var id = $(this).parents('.tr4').siblings('.tr3').find('.sid').val();
									//自定义一个空变量
									var id="";
									$.each($('.tu1_2'), function(k,v) {
										if($(this).attr('checked')=='checked'){
											//组合多条商品的id成字符串，中间用 | 隔开
											id +=$(this).attr('sid')+'|';	
											//逐条删除.tr3
											$(this).parents('.tr3').remove();										
										}
									});
									
									//ajax请求
									$.ajax({
										type:"post",
										url:"{{U('Home/Cart/ajaxAllDel')}}",
										data:{id:id},
										dataType:'json',
										success:function(phpData){
											//alert(phpData);										
											if(phpData==1){																							
												//总计
												$('.total_price').html(0);
												//数量
												$('.cart_num').html(0);											
											}
										}
									});
								}
								
							})
						})
					</script>
				<!--异步购物车数量的加减开始：要的数据是手册的更新购物车的两个数据-->
					
					<script type="text/javascript">
						$(function(){
							
							//alert(1);
							//加
							$(".number_3").click(function(){
								//数量
								var c = $(this).prev('.number_2').val();
								//数量累加
								c = parseInt(c) + 1;
								//alert(c);
								$(this).prev('.number_2').val(c);
								//添加到购物车时自动生成的id
								var id = $(this).siblings(".sid").val();
								//单价  找父级元素的兄弟元素里的.danjia
								var danjia = $(this).parents('.wen_2_three').siblings('.wen_2_two').find('.danjia').html();
								//小计    找父级元素的兄弟元素里的.xiaoji
								var xiaoji = $(this).parents('.wen_2_three').siblings('.wen_2_four').find('.xiaoji').html(c*parseInt(danjia));
								
								//alert(id);return;
								$.ajax({
									//请求方式
									type:"post",
									//请求路径方法
									url:"{{U('Home/Cart/ajaxUpdateCart')}}",
									//请求数据
									data:{c:c,id:id},
									//请求数据类型
									dataType:'json',
									//返回数据处理
									success:function(phpData){
										//alert(phpData);
										//总计
										$('.total_price').html(phpData['total']);
										//数量
										$('.cart_num').html(phpData['total_rows']);
										
										
									}
								}); 
							
							});
							//减
							$(".number_1").click(function(){
								//数量
								var c = $(this).next('.number_2').val();
								//数量累减
								c = c <= 1 ? 2 : c;
								c = parseInt(c) - 1;
								
								$(this).next('.number_2').val(c);
								//添加到购物车时自动生成的id
								var id = $(this).siblings(".sid").val();
								//单价
								var danjia = $(this).parents('.wen_2_three').siblings('.wen_2_two').find('.danjia').html();
								//小计
								var xiaoji = $(this).parents('.wen_2_three').siblings('.wen_2_four').find('.xiaoji').html(c*parseInt(danjia));
								//alert(xiaoji);
								//alert(id);return;
								$.ajax({
									//请求方式
									type:"post",
									//请求路径方法
									url:"{{U('Home/Cart/ajaxUpdateCart')}}",
									//请求数据
									data:{c:c,id:id},
									//请求数据类型
									dataType:'json',
									//返回数据处理
									success:function(phpData){
										//alert(phpData);
										//总计
										$('.total_price').html(phpData['total']);
										//数量
										$('.cart_num').html(phpData['total_rows']);
										
									}
								}); 
							
							})
							
						})
					</script>
					
					
					<!--异步购物车数量的加减结束-->
			<div class="tr4" >
				<div class="box_3">
					<input type="checkbox" name="" id="" class="tu1" value="" style="margin-left: 18px;"/>
					<!--<div class="tu_3"></div>-->
				</div>
				<div class="right_3">
					<span class="span_3">
						<a href="javascript:;">全选</a>
					</span>
					<div class="shan_3 allDel">
						<a href="javascript:;">删除</a>
					</div>
					<div class="right_3_r">
						<div class="heji">
							<span>
								已选
								<span class="number_3 cart_num"><?php if(isset($_SESSION['cart'])){?> {{$_SESSION['cart']['total_rows']}} <?php }else{;?> 0 <?php };?></span>
								件商品，合计(不含运费和优惠扣减)：
								<span class="number_3_red">
									￥
									<span class="number_3_price total_price">
									<?php if(isset($_SESSION['cart'])){?>	{{$_SESSION['cart']['total']}} <?php }else{;?> 0.00 <?php };?>
									</span>
								</span>
							</span>
						</div>
						<div class="right_3_r_r" style="cursor: pointer;">
							<span class="jiesuan" >去结算</span>
							<!--点击结算跳转-->
							<script type="text/javascript">
								$('.jiesuan').click(function(){
									if($('.tu1_2:checked').length==0)
									{
										alert('请选择要购买的商品');
										return false;
									}else{
										//var id = $(this).parents('.tr4').siblings('.tr3').find('.sid').val();
										//自定义一个空变量
										var id="";
										$.each($('.tu1_2'), function(k,v) {
											//选中
											if($(this).attr('checked')=='checked'){
												//组合多条商品的id成字符串，中间用 | 隔开
												id +=$(this).attr('sid')+'|';										
											}
										});
										//ajax提交请求
										$.ajax({
											type:"post",
											url:"{{U('Home/Order/index')}}",
											data:{id:id},
											//请求数据类型
											dataType:'json',
											//返回处理
											success:function(data){
												//alert(data);
												//请求提交成功后跳转到订单页
												if(data==1)
												{
													//成功处理结果为1  后跳转到订单页
													location.href="{{U('Home/Order/index')}}";
												}
												
											}
										});
									}
									
								})
							</script>
						</div>
					</div>
				</div>	
			</div>
		</div>
		
	<?php };?>
		<!-- main end -->
		<!-- footer -->
<!--===footer===-->
		<div id="footer" style="overflow: hidden;">
			<div class="com-footer">
				<span class="tel"></span>
				<dl>
					<dt>4000-800-577</dt>
					<dd>美丽说客服热线</dd>
					<dd>周一至周日：09:00-22:00</dd>
				</dl>
				<dl>
					<dt>买家帮助</dt>
					<dd><a class="a" href="">新手指南</a</dd>
					<dd><a class="a" href="">服务指南</a></dd>
					<dd><a class="a" href="">帮助中心</a></dd>
				</dl>
				<dl>
					<dt>商家帮助</dt>
					<dd><a class="a" href="">商家入驻</a></dd>
					<dd><a class="a" href="">商家推广</a></dd>
					<dd><a class="a" href="">帮助中心</a></dd>
				</dl>
				<dl>
					<dt>关于我们</dt>
					<dd><a class="a" href="">关于美丽说</a></dd>
					<dd><a class="a" href="">联系我们</a></dd>
					<dd><a class="a" href="">加入美丽说</a></dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd><a class="a" href=""><span class="sina"></span>新浪微博</a></dd>
					<dd><a class="a" href=""><span class="kongjian"></span>QQ空间</a></dd>
					<dd><a class="a" href=""><span class="tencent"></span>腾讯微博</a></dd>
				</dl>
				<dl>
					<dt>美丽说微信服务号</dt>
					<dd class="cartT"><img style="width: 115px;height: 115px;" src="./Public/Home/image/qrcode-new.jpg"/></dd>
					<dd class="cartTT"><img src="./Public/Home/image/code.png"/></dd>
				</dl>
				
				
			</div>	
			<div class="href">
				<span style="color: #666666;font-size: 12px;line-height: 30px;">友情链接：</span>
				<a class="h" href="">乐淘网</a>
				<a class="h" href="">优惠券</a>
				<a class="h" href="">乐淘网</a>
				<a class="h" href="">优惠券</a>
				<a class="h" href="">乐淘网</a>
				<a class="h" href="">优惠券</a>
				<a class="h" href="">乐淘网</a>
				<a class="h" href="">优惠券</a>
				<a class="h" href="">乐淘网</a>
				<a class="h" href="">优惠券</a>
				<a class="h" href="" style="float: right;">更多>></a>
			</div>

			<ul class="ulL" style="margin-top: 5px;">
				<li class="li">Copyright ©2016 Meilishuo.com</li>
				<li class="li">
					<a class="foo" href="">电信与信息服务业务经营许可证100798号</a>
					<a class="foo" href="">经营性网站备案信息</a>
				</li>			
				<li class="li">京ICP备11031139号</li>
				<li class="li">京公网安备110108006045</li>
			</ul>
			<ul class="ulL" >
				<li class="li">客服电话：4000-800-577  文明办网文明上网举报电话：010-82615762</li>
				<li class="li">
					<a class="foo" href="">违法不良信息举报中心</a>
					<a class="foo" href="">我最喜爱的人民警察评选>></a>
					<a class="foo" href="">反诈骗信息</a>
				</li>
			</ul>
		</div>
		
		<!--====footerEND====-->
		
		
		
	</body>

	
	
</html>
